<template lang="pug">
ModuleWrapper(title="苹果产业概况（2018）" flex="1")
  .wrapper
    HorizontalBisection(styleName="between" v-for="(group, groupIndex) in finalStaticData" :key="groupIndex")
      StaticCompareView.static-item(v-for="(item, index) in group"
        :itemData="item" :key="index" valueColor="#05FDBB")

</template>

<script>
import _ from 'lodash';
export default {
  name: "ModulePopulation",
  data() {
    return {
      staticData: [
        {
          label: '种植面积（亩）',
          value: 12525,
        },
        {
          label: '产量（吨）',
          value: 5479.3,
        },
        {
          label: '产值（万元）',
          value: 3203,
        },
        // {
        //   label: '地理标识（个）',
        //   value: 2,
        // },
      ],
      // greenFood: {
      //   label: '绿色食品目录（个）',
      //   value: 2,
      // }
    }
  },
  computed: {
    finalStaticData() {
      return _.chunk(this.staticData, 2);
    }
  }
}
</script>

<style lang="scss" scoped>
.module{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .wrapper{
    padding: 0 rem(20);
    .static-item{
      flex: 1;
    }
  }
}
.row{
  margin-bottom: rem(20);
}
.companies{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  .company{
    @include fontSie(18);
    margin-bottom: rem(10);
    color: #05fdbb;
  }
}
</style>
